<script type="text/javascript">
<!--
{literal}
    $(document).ready(function() {
        $('#reportResultTbl tbody tr:last').addClass('last');
    });
{/literal}
//-->
</script>
<div align="center">
	<!-- Title  -->
	<div style="margin-top: 5px;" align="center"> 
	    <div class="field-row">
	        <span style="font-size: 20px; font-weight: bold; text-align: center; text-transform: uppercase">{$title}</span>
	    </div>
	    <div class="field-row">
	        <span style="font-size: 16px; text-align: center;">{translate}Date{/translate}: <b>{$date}</b></span>
	    </div>
	    <div style="clear: both;"></div>
	</div>
	
	<!-- Report result -->
	<div style="margin-top: 5px; width: 100%;" align="center">
	    <table id="reportResultTbl" class="grid-report" cellpadding="0" cellspacing="0">
	        <thead>
	            <tr>
	                <th style="width: 30px; text-align: left">{translate}No.{/translate}</th>
	                <th style="width: 300px; text-align: left">{translate}Doctor{/translate}</th>
	                <th class='last' style="width: 200px; text-align: left">{translate}Money amount{/translate}</th>
	            </tr>
	        </thead>
	        <tbody>
	            {if !empty($data)}
	            {foreach from=$data item=paymentItem}
	                <tr>
	                    <td class='order' >{$index++}</td>
	                    <td>{$paymentItem.doctor_name}</td>
	                    <td class='last' align="right">{$paymentItem.amount}</td>
	                </tr>
	            {/foreach}
		            <tr class='last footer'>
						<td>&nbsp;</td>
						<td><span class="total-label">{translate}Total{/translate}</span></td>
						<td align="right"><span class="total-value">{$total}</span></td>
			        <tr>
	            {else}
	                <tr class='last footer'><td colspan="3" align="left">{translate}The report has no results{/translate}</td></tr>
	            {/if}
	            
	        </tbody>
	    </table>
        
        {$loggerInfo}
	</div>
</div>